import { defineConfig,loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import autoprefixer from 'autoprefixer';
import postcssPxToRem from 'postcss-pxtorem';
import legacy from '@vitejs/plugin-legacy';
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import { VantResolver } from '@vant/auto-import-resolver';


// https://vitejs.dev/config/
export default defineConfig(({ mode, command, ssrBuild })=>{

  // const env = loadEnv(mode, process.cwd());
  const env = loadEnv(mode, "./");
  // console.log('---mode----',mode);
  // console.log('---VITE_APP_BASE_API:----',env.VITE_APP_BASE_API);
  // console.log('---VITE_SERVE----',env.VITE_SERVE);

  return {
    plugins: [
      vue(),
      legacy(),
      AutoImport({
        resolvers: [VantResolver()],
      }),
      Components({
        resolvers: [VantResolver()],
      }),

    ],
    resolve: {
      alias:{
        '@':'/src'
      }
    },
    css: {
      postcss: {
        plugins: [
          autoprefixer({
            // 在这里可以配置autoprefixer的选项
            overrideBrowserslist: ['> 0.15% in CN', 'last 2 versions'], // 使用中国的统计数据
          }),
          postcssPxToRem({
            // 根据设计稿尺寸进行转换，通常是750或者375
            rootValue: 37.5,
            // 指定转换哪些属性，一般是width、height、font-size、border-radius等
            propList: ['*'],
            // 是否开启媒体查询的转换
            mediaQuery: true,
            // 是否允许转换0开头的数值，一般转换后会变为0.0px，建议开启
            zeroUnits: true,
          }),
        ],
      },
    },
    // 把组件按组分块
    // build:{
    //   rollupOptions:{
    //     output:{
    //       manualChunks:{
    //         'group-about': [
    //           './src/pages/about/index.vue',
    //         ],
    //         'group-home': [
    //           './src/pages/home/index.vue',
    //         ],
    //       }
    //     }
    //   }
    // },
    server: {
      host: '0.0.0.0',
      // 配置请求代理
      // http://localhost:5173/api/login -> http://localhost:3001/login
      proxy: {
        [env.VITE_APP_BASE_API]: {
          target: env.VITE_SERVE,
          changeOrigin: true,
          // rewrite: path => path.replace(RegExp(`^${env.VITE_APP_BASE_API}`), '')
        }
      }
    },
  }
})



